Ext.define('Admin.view.needWater.waterSitAnalysis.WaterSitAnalysis', {
    extend: 'Ext.container.Container',
    xtype: 'waterSitAnalysis',
    requires: ['Admin.view.needWater.waterSitAnalysis.WaterSitAnalysisController'],
    controller: 'waterSitAnalysisController',
    margin: 5,
    layout: {
        type: 'hbox',
        align: 'stretch'
    },
    items: [{
        flex: 2,
        layout: {
            type: 'vbox',
            align: 'stretch'
        },
        margin: 5,
        cls: 'shadow',
        border: false,
        style: 'border: 1px solid #ccc',
        items: [{
            flex: 1,
            title: '洪门水库运行过程',
            xtype: 'panel',
            layout: {
                type: 'hbox',
                align: 'stretch'
            },
            items: [{
                flex: 1,
                xtype: 'panel',
                listeners: {
                    resize: 'buildszyxsChart1'
                }
            }],
            listeners: {
                afterrender: 'insertView'
            }
        }, {
            flex: 1,
            xtype: 'panel',
            title: '廖坊水库运行过程',
            layout: {
                type: 'hbox',
                align: 'stretch'
            },
            items: [{
                flex: 1,
                xtype: 'panel',
                listeners: {
                    resize: 'buildszyxsChart2'
                }
            }],
            listeners: {
                afterrender: 'insertView'
            }
        }]
    }, {
        flex: 5,
        margin: 5,
        cls: 'shadow',
        border: false,
        style: 'border: 1px solid #ccc',
        items: [{
            xtype: 'panel',
            items: [{
                xtype: 'segmentedbutton',
                // cls: 'x-box-item',
                dock: 'right',
                minWidth: 200,
                items: [{
                    text: '前一时段',
                    width: 100,
                    pressed: true
                }, {
                    width: 100,
                    text: '前合期'
                }]
            }, {
                height: '100%',
                // html: '<div style="width: 100%;height: 53px;margin: auto;' +
                // 'background:url(\'' + $.dispatch.imgPath('szyxsfx2.png') + '\') no-repeat;background-size:100% 100%;"></div>'
            }]
        }, {
            height: '100%',
            margin: '20 0 0 0',
            // html: '<div style="width: 100%;height: 458px;margin: auto;' +
            // 'background:url(\'' + $.dispatch.imgPath('ght3.png') + '\') no-repeat;background-size:100% 100%;"></div>'
        }]
    }],
    listeners: {
        afterrender: 'init'
    }
})